﻿body {
    color: #812264;
    width: 100%;
    min-width: 400px;
    width: expression_r( document.body.clientWidth < 400 ? "400px" : "auto");
    background: #ffffff;
}

a {
    text-decoration: none;
    color: #091217;
}

/*--------  顶部样式  --------*/
.header {
    width: 100%;
    background: #812264;
}

.banner {
    width: 1000px;
    margin: 0 auto;
}

.banner-nav {
    display: none;
}

.siebanner {
    float: left;
    margin-top: 26px;
}

.language {
    /*float: right;*/
    /*line-height: 46px;*/
    color: #ffffff;
    margin: 18px 0px 11px 3px;
}

    .language a {
        color: #ffffff;
        /*font-weight: bold;*/
    }
        /*.language a img{
		float: left;
		margin-top: 16px;
		margin-right: 5px;
	}*/
        .language a span {
            float: left;
            margin-right: 25px;
        }

.search {
    width: 177px;
    float: right;
    margin: 0px 0 25px 10px;
}

    .search .search-block {
        background: #ffffff;
        padding: 4px 9px;
        border-radius: 3px;
        width: 155px;
        margin: 0;
    }

    .search .search-keyword {
        float: left;
        border: none;
        line-height: 24px;
        margin: 0px 6px 0px 0px;
        width: 125px;
        background: #ffffff;
        padding: 0;
    }

    .search .search-submit {
        background-color: #ffffff;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

.nav {
    background: #ffffff;
    width: 100%;
    /*border-bottom: 1px solid #e4e4e4;*/
    /*padding: 15px 0;*/
    padding: 13px 0;
}

.nav-bar {
    /*border-left: 1px solid #e4e4e4;*/
    /*border-left: 1px dotted #6B6B6B;*/
    width: 1000px;
    margin: 0 auto;
}

    .nav-bar ul {
        /*border-left: 1px solid #e4e4e4;*/
        /*border-left: 1px dotted #6b6b6b;*/
        border-left: 1px dotted #000;
    }

        .nav-bar ul li {
            float: left;
        }

            .nav-bar ul li span {
                display: block;
                padding: 4px 20px;
                /*border-right: 1px dotted #6B6B6B;*/
                border-right: 1px dotted #812264;
                font-size: 16px;
                color: #812264;
            }

            .nav-bar ul li a:hover {
            }


/*--------  首页样式  --------*/
.main {
    /*width: 93.75%;*/
    margin: 0 auto;
    /*max-width: 1280px;*/
}

.flash {
    width: 100%;
}

.highlight {
    display: none;
    width: 94.5%;
    margin: 60px 0;
}

.catalog1, .catalog2, .catalog3 {
    margin: 0px 2.25%;
    width: 28.33%;
    float: left;
}

    .catalog1 img, .catalog2 img, .catalog3 img {
        width: 100%;
    }

    .catalog1 p, .catalog2 p, .catalog3 p {
        text-align: center;
        font-size: 14px;
        padding: 10px 0;
    }

    .catalog1 p {
        background: #cc9966;
    }

    .catalog2 p {
        background: #cccc66;
    }

    .catalog3 p {
        background: #3399cc;
    }

.primary-module {
    padding: 48px 0px 55px;
    background: #434343;
}

    .primary-module .introduct {
        width: 1000px;
        margin: 0 auto;
        color: #ffffff;
    }

        .primary-module .introduct ul li {
            /*background: #cc9966;*/
            background: #98B24C;
            width: 175px;
            float: left;
            margin: 10px 35px 0 0;
            text-align: center;
            padding: 15px 20px 20px;
            border-radius: 4px;
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
        }

            .primary-module .introduct ul li:hover {
                background: #d4d4d4;
                color: #121212;
            }

            .primary-module .introduct ul li p {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px dotted;
                /*border-top: 1px dotted #e4e4e4;*/
                font-size: 12px;
                /*color: #E4E4E4;*/
                font-style: italic;
                font-weight: normal;
            }

.video-module {
    /*background: rgba(51, 153, 204, 0.43);*/
    background: #ffffff;
    padding: 48px 0px 55px;
}

    .video-module .introduct {
        width: 1000px;
        margin: 0 auto;
    }

        .primary-module .introduct h4, .video-module .introduct h4 {
            font-size: 25px;
            border-left: 4px solid;
            padding: 0 0 1px 6px;
            line-height: 26px;
            margin-bottom: 14px;
        }

        .primary-module .introduct h3, .video-module .introduct h3 {
            font-weight: normal;
            font-size: 14px;
            margin-bottom: 22px;
        }

        .video-module .introduct ul {
            width: 900px;
            margin: 0 auto;
        }

            .video-module .introduct ul li {
                float: left;
                background: #1F78B1;
                margin: 0 20px;
                width: 400px;
                padding: 16px 20px 24px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                color: #ffffff;
                border-radius: 4px;
            }
            .video-module .introduct ul li a{cursor:pointer;}

                .video-module .introduct ul li:hover {
                    opacity: 0.8;
                }

                .video-module .introduct ul li p {
                    border-top: 1px dotted #e4e4e4;
                    font-size: 12px;
                    font-weight: normal;
                    color: #E4E4E4;
                    /*font-style: italic;*/
                    margin-top: 16px;
                    padding: 16px 2% 0;
                    text-align: left;
                }

                    .video-module .introduct ul li p span {
                        float: right;
                    }

.title {
    font-size: 29px;
    margin: 0px 0px 12px 0px;
    border-left: 4px solid;
    padding: 0 0 1px 5px;
    line-height: 26px;
    text-transform: uppercase;
}

    .title a {
        font-size: 14px;
        font-weight: normal;
        float: right;
        margin-right: 25px;
        margin-top: 11px;
    }

.mobile-more {
    display: none;
}

.news-wrap {
    /*background: url(../images/index_bg03.png);*/
    background: #ffffff;
    /*border-top: 1px solid #006d34; */
    border-bottom: 1px solid #006d34;
    /*margin-top: 28px;*/
    padding: 24px 0 0px;
}

.news {
    margin: 0 auto;
    
}
    /*.news .list, .notice .list{
		width: 90%;
		margin: 0 auto;
	}*/
    .news .list>ul>li {
        width: 292px;
        float: left;
        margin: 10px 10px;
        padding: 9px 9px;
        background-color: #ffffff;
        /*border: 1px solid #ddd;*/
        border: 1px solid #D0D0D0;
        border-radius: 3px;
    }

        .news .list>ul>li a img {
            width: 100%;
            height: auto;
            /*float: left;*/
            /*width: 185px;
		height: 110px;*/
            /*margin: 8px 0;*/
            overflow: hidden;
            max-height: 175px;
        }

        .news .list>ul>li h3 {
            margin: 12px 0 10px;
            height: 18px;
        }

            .news .list>ul>li h3 a {
                /*color: #363636;*/
                /*font-weight: normal;*/
                font-size: 16px;
                line-height: 24px;
            }

                .news .list>ul>li h3 a:hover {
                    color: #363636;
                }

        .news .list>ul>li h5 {
            font-weight: normal;
            font-size: 12px;
            /*color: #a1a1a1;*/
            margin: 12px 0 12px;
        }

            .news .list>ul>li h5 img {
                width: 11px;
                margin: 3px 6px 2px 0px;
                float: left;
            }

.icon {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.degree-icons{background:url(/_Template/hbue/images/img-smaill.png) no-repeat -2px -2px;}
.duration-icons{background:url(/_Template/hbue/images/img-smaill.png) no-repeat -3px -26px;}
.teach-icons{background:url(/_Template/hbue/images/img-smaill.png) no-repeat -3px -51px;}
.scholshop-icons{background:url(/_Template/hbue/images/img-smaill.png) no-repeat -3px -76px;}
.fee-icons{background:url(/_Template/hbue/images/img-smaill.png) no-repeat -3px -98px;}


.notice-wrap {
    padding: 35px 0 40px;
    /background: #f4f4f4;/
}

.notice {
    margin: 0 auto;
    width: 1000px;
}

    .notice ul li {
        border-bottom: 1px dotted #121212;
        width: 460px;
        float: left;
        margin: 15px 20px 0px 20px;
        /*padding: 0px 10px 0px;*/
        /* background-color: #ffffff;
	    border: 1px solid #ddd;
	    border-radius: 3px;*/
    }

        .notice ul li h3 {
            /*border-bottom: 1px dotted #ddd;*/
            /*padding: 10px 0 0px;*/
            height: 45px;
        }

            .notice ul li h3 a {
                /*color: #363636;*/
                /*font-weight: normal;*/
                font-size: 16px;
                line-height: 24px;
            }

                .notice ul li h3 a:hover {
                    color: #1F78B1;
                }

        .notice ul li h5 {
            font-weight: normal;
            font-size: 12px;
            /*color: #a1a1a1;*/
            margin: 10px 0 18px;
        }

            .notice ul li h5 img {
                width: 11px;
                margin: 3px 6px 2px 0px;
                float: left;
            }


/*--------  底部样式  --------*/
.footer-position {
    background: #363636;
    padding: 12px 0;
}

    .footer-position .link-title {
        width: 1000px;
        margin: 0 auto;
    }

        .footer-position .link-title h4 {
            line-height: 20px;
            color: #fff;
            border-left: 2px solid #ffffff;
            padding-left: 5px;
        }

            .footer-position .link-title h4 a {
                color: #fff;
                font-size: 15px;
                line-height: 16px;
            }

.footer {
    background: #004682;
    border-bottom: 1px solid #dadada;
}

.usual-link-wrap {
    /*background: #515151;*/
    background-color: #8c8c8c;
}

.usual-link {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
    /*border-bottom: 1px solid #bbb;
    	box-shadow: 0px 1px 0px #f2f2f2;*/
    background: url(../images/xiaohuilogo03.png) no-repeat right 10px center;
}

    .usual-link .link {
        width: 43%;
        float: left;
        margin-right: 5%;
    }

    .usual-link ul li {
        float: left;
        width: 45%;
        line-height: 47px;
        margin-right: 5%;
    }

        .usual-link ul li span {
            color: #ffffff;
            font-size: 15px;
            font-weight: bold;
            line-height: 40px;
            border-bottom: 1px dotted;
            display: block;
            width: 62px;
            float: left;
            margin-bottom: 6px;
        }

        .usual-link ul li ul li {
            font-size: 12px;
            padding: 0;
            width: 100%;
            font-weight: normal;
            line-height: 32px;
        }

            .usual-link ul li ul li a {
                color: #ffffff;
            }

                .usual-link ul li ul li a:hover {
                    text-decoration: underline;
                    color: #f2f2f2;
                }

.footer-type {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 60px;
}

    .footer-type ul li {
        font-size: 15px;
        font-weight: bold;
        padding: 0 13px 0 7px;
        float: left;
        /*width: 12.2857%;*/
        width: 121px;
        /*line-height: 40px;*/
        border-left: 1px solid #C2F2F2;
    }

        .footer-type ul li a {
            color: #ffffff;
            margin-bottom: 8px;
            display: block;
        }

        .footer-type ul li ul li {
            font-size: 12px;
            padding: 0;
            width: 100%;
            font-weight: normal;
            line-height: 32px;
            border: none;
        }

            .footer-type ul li ul li a {
                color: #C2F2F2;
                margin: 0;
            }

                .footer-type ul li ul li a:hover {
                    text-decoration: underline;
                    color: #ffffff;
                }

.connected {
    width: 388px;
    padding: 15px 0 15px;
    margin: 0 auto;
}

    .connected span {
        float: left;
        margin: 10px 10px;
        font-size: 17px;
        color: #000;
    }

    .connected .weixin, .connected .xinlang, .connected .facebook {
        float: left;
        margin-right: 6px;
    }

.copyright-wrap {
    background: #812264;
    width: 100%;
}

.copyright {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

    .copyright span {
        /*float: right;*/
        line-height: 28px;
        margin-right: 15px;
        color: #ffffff;
        font-size: 1em;
    }

.footer-link {
    display: none;
}
    /*.wide-link{
		line-height: 60px;
		float: right;
		color: #434343;
		font-size: 13px;
	}*/
    .footer-link p {
        line-height: 60px;
        margin: 0 auto;
        background: #e4e4e4;
        text-align: center;
        color: #434343;
        font-size: 13px;
    }

/*------ 频道封面页样式 ------*/
.index-wrap {
    background: #E4E4E4;
    width: 100%;
    border-top: 1px solid #cdcdcd;
}

.list-main {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 55px;
    min-height: 500px;
}

.list-left {
    margin-top: 25px;
    width: 180px;
    float: left;
    padding: 15px 12px;
    border: 1px solid #cdcdcd;
    background-color: #ffffff;
    border-radius: 4px;
}

    .list-left h2 {
        /*background: #3399cc;*/
        font-size: 16px;
        /*font-weight: normal;*/
        padding: 2px 0px 12px 1px;
        border-bottom: 3px solid;
    }

    .list-left ul li a {
        /*background: #e4e4e4;*/
        border-bottom: 1px dotted #434343;
        padding: 12px 0px 12px 1px;
        font-size: 13px;
        display: block;
    }

        .list-left ul li a .thisclass {
            background: #dddddd;
        }

.content-achives {
    width: 744px;
    float: left;
    margin: 25px 0 0px 30px;
}

    .content-achives h5 {
        font-weight: normal;
        padding-bottom: 5px;
        color: #666;
        font-size: 13px;
    }

        .content-achives h5 a {
            color: #999;
        }

            .content-achives h5 a:hover {
                color: #666;
            }

    .content-achives h4 img {
        padding: 7px;
        border: 1px solid #cdcdcd;
        background-color: #ffffff;
        border-radius: 4px;
        width: 728px;
    }

    .content-achives h3 {
        margin: 23px 0px 12px 0px;
        padding: 0px 0px 12px 1px;
    }

        .content-achives h3 span {
            font-size: 20px;
            padding: 0px 0px 12px 1px;
            border-bottom: 1px dotted;
        }

    .content-achives .content {
        line-height: 30px;
        /*font-size: 13px;*/
        font-size: 14px;
        padding: 0 1px;
    }

        .content-achives .content a {
            color: #63b8d2;
        }

        .content-achives .content div {
            text-indent: 30px;
            margin-bottom: 10px;
        }

/*------ 列表页样式 ------*/
.list-wrap {
    width: 100%;
    border-top: 1px solid #cdcdcd;
    padding-top: 5px;
    background: #ECECEC;
}

.list-achives {
    width: 744px;
    float: left;
    margin: 25px 0 0px 30px;
}

    .list-achives h3 img {
        padding: 7px;
        border: 1px solid #cdcdcd;
        background-color: #ffffff;
        border-radius: 4px;
        width: 728px;
    }
    /*.list-achives h5{
		font-size: 13px;
    	font-weight: normal;
    	margin-bottom: 20px;
    	padding: 11px 0 11px 20px;
    	border-left: 12px solid #3399cc;
    	background: #e4e4e4;
	}*/
    .list-achives .list-news {
        /*width: 100%;*/
        padding: 20px 13px;
        border: 1px solid #cdcdcd;
        border-radius: 4px;
        background: #fff;
        margin: 20px 0;
    }

        .list-achives .list-news li {
            width: 100%;
            border-bottom: 1px dotted;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }
    /*.list-achives ul li{

	}*/
    .list-achives ul li .show-pic img {
        width: 30%;
        height: auto;
        float: left;
    }

    .list-achives .show-content {
        width: 60%;
        margin-left: 6%;
        float: left;
    }

        .list-achives .show-content h3, .list-achives .list-content h3 {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 3px;
        }

            .list-achives .show-content h3 a, .list-achives .list-content h3 a {
                /*color: #3399cc;*/
            }

        .list-achives .show-content h4, .list-achives .list-content h4 {
            font-size: 12px;
            color: #999999;
            margin: 10px 0;
            font-weight: normal;
        }

            .list-achives .show-content h4 img, .list-achives .list-content h4 img {
                margin: 2px 5px -1px 0;
            }

        .list-achives .show-content p, .list-achives .list-content p {
            font-size: 13px;
            line-height: 21px;
            color: #999;
        }

.list_pages {
    width: 100%;
    /*margin-bottom: 10px;*/
}

    .list_pages .pagelist li {
        /*width: 2%;*/
        float: left;
        color: #525252;
        margin: 0 3px;
    }

        .list_pages .pagelist li a {
            padding: 2px 7px;
            color: #666;
        }

            .list_pages .pagelist li a:hover {
                color: #3399cc;
            }

    .list_pages .pagelist .thisclass a {
        color: #ffffff;
        background: #3399cc;
    }

        .list_pages .pagelist .thisclass a:hover {
            color: #ffffff;
        }

/*------ 文章页样式 ------*/
.article-wrap {
    width: 100%;
    border-top: 1px solid #cdcdcd;
    padding-top: 15px;
    background: #ECECEC;
}

.article-achives {
    width: 890px;
    margin: 20px auto;
    /*float: left;*/
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 4px solid #63B8d2;
}

    .article-achives h3 {
        font-size: 20px;
        margin: 10px 0 10px;
        text-align: center;
        font-weight: normal;
        color: #333333;
    }

        .article-achives h3:hover {
            color: #3399cc;
        }

    .article-achives h5 {
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        .article-achives h5 span {
            font-size: 12px;
            color: #999999;
            font-weight: normal;
            padding: 0 1px 10px 1px;
            border-bottom: 1px dotted #434343;
        }

    .article-achives .body {
        line-height: 30px;
        font-size: 14px;
        padding: 10px 0;
    }

        .article-achives .body a {
            color: #63b8d2;
        }

        .article-achives .body div {
            text-indent: 30px;
            margin-bottom: 10px;
        }

.preNext {
    /*margin-top: 32px;*/
    font-size: 13px;
    width: 890px;
    margin: 0px auto;
    /*float: left;*/
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}

    .preNext li {
        border-bottom: 1px dotted #9a9a9a;
        margin-bottom: 8px;
        padding-bottom: 8px;
        color: #999;
    }

        .preNext li a {
            color: #63b8d2;
        }

/*二级导航*/
.type-block {
    display: none;
    background: #fff;
    opacity: 0.9;
    position: absolute;
    z-index: 100;
    padding: 35px 25px 20px 25px;
}

    .type-block img {
        width: 54%;
        float: left;
        margin: 0px 6% 0 0;
    }

    .type-block .type-second {
        float: left;
        width: 40%;
        min-width: 100px;
    }

.nav-bar ul li .type-block .second-list a {
    color: blue;
}
/*.type-block .type-second .second-list a:hover{
		color: #004682;
	}*/
.second-list {
    z-index: 200;
    margin: 0;
    padding: 0;
}

.nav-bar ul li .type-block .second-list span {
    font-size: 15px;
    border: none;
    padding: 0 0 10px 0px;
    margin: 0px 0px 12px 0px;
    line-height: 15px;
    /*color: #666;*/
    /*border-bottom: 1px dotted #6b6b6b;*/
    color: #121212;
    border-bottom: 1px dotted #121212;
}

    .nav-bar ul li .type-block .second-list span:hover {
        color: #004682;
        border-bottom: 1px dotted #004682;
    }

.nav-bar ul li .type-block .second-list img {
    width: 13px;
    margin: 0 0 0 0px;
}
.twotitle{width:50%;float:left;}

.hide{display:none!important;}

.news>.list>ul>li h3.pname {
    margin: 12px 0 10px;
    height: 20px;
}
.news .list>ul>li h3{font-size:16px;}
.news .list>ul>li h3 a{font-weight:400;font-size:16px;}
.news .list>ul>li h3.pname a{font-size:17px;font-weight:bold;}
.news>.list>ul>li h3.pname a{font-size:17px;font-weight:bold;}


.whu-us{width:1080px;margin:0 auto;}
.whu-us h4{font-size: 25px;border-left: 4px solid;padding: 0 0 1px 6px;line-height: 26px;margin-bottom: 14px;margin-left:42px;text-transform: uppercase;}

.foot-top-box{height:330px; background:#812264; padding-top:40px;}

.par_cont {width:1080px;height:180px; margin-left:1px;overflow:hidden;position:relative;}
.par_hide {width:960px;height:180px; margin-left:60px;margin-right:60px;overflow: hidden;}
.whyus-list{padding:0;margin:0;list-style:none;position:absolute;}
.whyus-list li {float:left;margin-right:30px;}
.whyus-list li img{width:300px;}
.arr_la{position:absolute;left:0px; top:57px;width:60px; height:91px; background:url(/_Template/cqust2/images/main-fengjing-prev.png) no-repeat; cursor:pointer;}
.arr_ra {position:absolute;right:0px; top:57px;width:60px; height:91px; background:url(/_Template/cqust2/images/main-fengjing-next.png) no-repeat; cursor:pointer;}

.erweima {background: #812264;line-height: 24px;text-align:center;border-radius:2px;margin-right: 8px;padding: 0 8px;}
.jpkc-btn.apply a {background: #812264;border-radius:2px;line-height:24px;padding: 2px 10px 3px;}
.programs-btn .erweima{padding:3px 8px;}
.programs-btn a{background: #812264;color:#fff;border:none;border-radius:2px;}
.programs-btn a:hover,.consult-info .submit:hover {background: #812264;}
.user-resgister-tab .input-btn {background: #812264;}
.consult-info .submit{background: #812264;}






